<template>
  <!--  <v-container>-->
  <v-row>
    <v-col
      cols="12"
      sm="3"
    >
      <profile-info
        :info="res.info"
        :id="$route.params.scholar"
        :display="true"
      />
    </v-col>

    <v-col
      cols="12"
      sm="6"
    >
      <profile-achievement :nodes="res.nodes" :links="res.links" :papers="res.papers" :id="$route.params.scholar"></profile-achievement>
    </v-col>
    <v-col
      cols="12"
      sm="3"
    >
      <profile-network
        :interests="res.interests"
        :radar="res.radar"
      />
    </v-col>
  </v-row>
  <!--  </v-container>-->
</template>

<script>
import ProfileInfo from "./ProfileInfo";
import ProfileAchievement from "./ProfileAchievement";
import ProfileNetwork from "./ProfileNetwork";
export default {
  name: "AcademicProfile",
  components: {ProfileNetwork, ProfileAchievement, ProfileInfo},
  mounted() {
    const that = this;
    this.$api.getScholar.get(this.$route.params.scholar)
     .then(function (response){
       console.log(response);
       that.res = response;
     })
  },
  data(){
    return{
      res: null
    }
  }
};
</script>

<style scoped>

</style>